<template>
  <view >
    <u-dropdown>
      <u-dropdown-item v-model="value1"  :title="options1[value1].label" :options="options1"></u-dropdown-item>
    </u-dropdown>
    <view class="px-4">
      <view
          class="flex justify-between items-center border-1 border-b-solid border-b-gray mb-4 pb-2"
          v-for="item in 3"
      >
        <view>
          <view class="text-xs">退款</view>
          <view class="text-gray" style="font-size:18rpx;margin-top: 18rpx">2022-03-03 15:00:00</view>
        </view>
        <view class="text-right">
          <view style="font-size: 30rpx;font-weight: bold;color: red">-500余额</view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
	export default {
		data() {
			return {
        value1:0,
        options1: [{
          label: '全部',
          value: 0,
        },
          {
            label: '收入',
            value: 1,
          },
          {
            label: '支出',
            value: 2,
          }
        ],
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
